<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:include page="/WEB-INF/template/cabecalho.jsp"/>
<script>
var initial = 0;

function atualizaProgress() {
	if($('#progressbar').progressbar('option', 'value') < 100) {
		/*
		$.ajax({ //TODO: Pegar um json para atualizar a barra
			   url: '<c:url value="/routes/cpxml"/>' 
			   , type: "POST" 
			   //, contentType: "text/xml" 
			   , data: {"route.xml": $("#xmlMontado" ).val(),"route.nome": "teste", "route.descricao":"teste","route.tipo":"teste","route.data":"18/08/2011"}
			   , success: trataResposta 
			}); 
		*/
		initial+=12; //Pra esperar 1 min
		$('#progressbar').progressbar(
				{ 
					value:initial,
				});
		window.setTimeout(atualizaProgress,5000); //5 segundos	
	}
	else {
		$('#routesForm').submit();
	}
	$( "mostrar" ).click(function() { $('#routesForm').submit(); return false; });
}

$(function() {
	
	$('#progressbar').progressbar(
			{ 
				value:-10,
			});
	
	atualizaProgress()
	
});
</script>
<form id="routesForm" method="get" action="<c:url value="/routes/cpxml"/>">
	ID do processo de C&aacute;lculo: ${route.getOptimizeStartID()} <br/>
	Esperando o processamento da otimiza&ccedil;&atilde;o desta rota. Pode-se interromper e mostrar o resultado processado at&eacute; o momento.
	<input type="hidden" name="parametrosRoute.id" id="id" value="${route.getId()}">
		<input type="hidden" name="parametrosRoute.tipo" id="tipo" value="-1">
	<div id="progressbar"></div>
	<button id="mostrar">Mostrar Resultados</button>
</form>

<jsp:include page="/WEB-INF/template/rodape.jsp"/>